
<div id='statusBar' style=" width: 50%; margin: 0px auto; margin-top: 100px;"> </div>

<script type="text/javascript">
   function loadStatusBar(step)
    {
        var div = document.getElementById("statusBar");
        // var step = step do banco de dados
        var MAX_STEP = 15;
        
        var temp= "<table><tr>";
        for(i=1;i<=MAX_STEP;i++)
            {
                if (i<=step)
                    temp += "<td> <img src='images/Ball_Green.png' width='30' height='30' /> </td>";
                else
                    temp += "<td> <img src='images/Ball_Red.png' width='30' height='30' /> </td>";    
            }
        temp += "</tr></table>";
        div.innerHTML = temp;        
    }
</script>

